<template>
    <div class="activity_list activity">
        <navbar>野练<i v-if="list.meta.city">-{{ list.meta.city }}</i></navbar>
      <div class="content">
        <LoadMore :height="heights" :load-more="loadMore" :refresh="refresh" ref="pulldown" :has-more="hasMore">
          <div style="background-color: #eeeeee;height: 100%">
            <!--<div class="sans_list" v-if="isList">目前还没有活动哦，敬请期待。。。</div>-->
            <div class="list">
              <ul>
                <li v-for="activity in list.data" @click="jump_detail(activity.id)" style="margin-bottom: 10px">
                  <div class="list-in">
                    <button class="tag" :class="{ 'red': activity.status==1 }">{{ activity.status | status_txt }}</button>
                    <div class="left">
                      <div class="img" v-if="activity.img_list!=''" :style="{backgroundImage:'url('+activity.img_list+')'}"></div>
                    </div>
                    <div class="right">
                      <h2 class="vlc-nowrap">{{ activity.title }}</h2>
                      <h3 class="vlc-nowrap">{{ activity.subtitle }}</h3>
                      <p class="vlc-nowrap time">{{ activity.starts_at | time(activity.ends_at) }}</p>
                      <div class="vlc-nowrap location">{{ activity.address }}</div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </LoadMore>
      </div>

    </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/registration/activity_list.vue';
  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
  .content{
   height:100%;
   overflow-y:auto;
  }


</style>


